<template>
	<div class="store-info-content">
		<div class="title">店铺信息</div>
		<div class="user-info">
			<el-avatar :size="150" :src="storeInfo.store_logo"></el-avatar>
			<div class="store-info">
				<p style="color: red;">最后登录时间：{{ storeInfo.last_time }}</p>
				<p style="color: red;">会员过期倒计时：{{ storeInfo.surplus }}</p>

				<p>店铺名称：{{ storeInfo.store_name }}</p>
				<p>客服电话：{{ storeInfo.service_phone }}</p>
				<p>拿货折扣：{{ storeInfo.discount }}</p>
				<p>价格体系：{{ storeInfo.coefficient }}</p>
				<p>类型：{{ storeInfo.type_name }}</p>
				<p>合同简称：{{ storeInfo.abbreviation }}</p>
				<p>佣金比例：{{ storeInfo.commission_coefficient }}%</p>
				<p>业绩客服：{{ storeInfo.service_id_name }}</p>
				<p>店铺ID：{{ storeInfo.store_id }}</p>
				<p>注册人：{{ storeInfo.contract_name }}</p>
				<p>注册人电话：{{ storeInfo.contract_phone }}</p>
				<p>对接人：{{ storeInfo.linkman }}</p>
				<p>对接人电话：{{ storeInfo.linkman_phone }}</p>
				<p>设计师名称：{{ storeInfo.designer_name }}</p>
				<p>设计师电话：{{ storeInfo.designer_phone }}</p>
				<p>财务名称：{{ storeInfo.finance_name }}</p>
				<p>财务电话：{{ storeInfo.finance_phone }}</p>
				<p>合同编号：{{ storeInfo.contract_sn }}</p>
				<p>签约时间：{{ storeInfo.contract_time }}</p>
				<p>合作类型：{{ storeInfo.store_type_name }}</p>
				<p>用户ID：{{ storeInfo.user_id }}</p>
				<p>手机号码：{{ storeInfo.phone }}</p>
				<p>性质：{{ storeInfo.type_name }}</p>
				<p>合同简称：{{ storeInfo.abbreviation }}</p>
				<p>业绩员：{{ storeInfo.service_id_name }}</p>
				<p>招商员：{{ storeInfo.attract_id_name }}</p>
				<p>指定物流：{{ storeInfo.appoint_logistics }}</p>

				<p style="width: 100%;">客户背景介绍：{{ storeInfo.background_desc }}</p>
				<p style="width: 100%;">客户需求收集：{{ storeInfo.demand }}</p>
				<p style="width: 100%;">承诺客户的内容及政策：{{ storeInfo.promise }}</p>
				<p style="width: 100%;">其他备注：{{ storeInfo.remarks }}</p>
				<p style="width: 100%;">其他备注2：{{ storeInfo.remarks_two }}</p>
				<p style="width: 100%;">其他备注3：{{ storeInfo.remarks_three }}</p>
				<p style="width: 100%;">店铺简介：{{ storeInfo.brief }}</p>
				<p style="width: 100%;">地址：{{ storeInfo.province_name }}{{ storeInfo.city_name }}{{ storeInfo.area_name }}{{ storeInfo.address }}</p>
				<p style="width: 100%;">店铺简介：{{ storeInfo.brief }}</p>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	props: {
		layerid: {
			type: String,
			default: ''
		},
		info: Object
	},
	data() {
		return {
			storeInfo: this.info
		};
	},
	methods: {
		init() {}
	},
	created() {
		this.init();
	}
};
</script>
<style lang="scss">
.store-info-content {
	padding: 20px 20px;
	.store-info .user-info .el-avatar {
		display: block;
		margin: 0 auto;
	}
	.store-info {
		margin-top: 20px;
		display: flex;
		flex-wrap: wrap;
	}
	.store-info p {
		width: 33.3333%;
		line-height: 30px;
		margin-bottom: 0;
	}
}
</style>
